import { getToken, setToken, removeToken, setTimeStamp } from '@/utils/auth'
import { login } from '@/api/user'
import { getUserInfo, getUserDerailById } from '@/api/user'
import { resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    token: getToken(), // 设置token初始状态   token持久化 => 放到缓存中
    userInfo: {}
  },
  mutations: {
    // 设置token
    setToken (state, token) {
      state.token = token // 设置token  只是修改state的数据  123 =》 1234
      // vuex变化 => 缓存数据
      setToken(token) // vuex和 缓存数据的同步
    },
    // 删除缓存
    removeToken (state) {
      state.token = null // 删除vuex的token
      removeToken() // 先清除 vuex  再清除缓存 vuex和 缓存,数据的同步
    },
    setUserInfo (state, result) {
      state.userInfo = result
    },
    removeUserInfo (state) {
      state.userInfo = {}
    }
  },
  actions: {
    // 定义login action  也需要参数 调用action时 传递过来的参数
    async login (context, data) {
      const result = await login(data) // 实际上就是一个promise  result就是执行的结果
      // axios默认给数据加了一层data
      // if (result.data.success) {
      // 表示登录接口调用成功 也就是意味着你的用户名和密码是正确的
      // 现在有用户token
      // actions 修改state 必须通过mutations
      context.commit('setToken', result)
      setTimeStamp()
      // }
    },
    async getUserInfo (context) {
      const result = await getUserInfo()
      const baseInfo = await getUserDerailById(result.userId)
      const baseResult = { ...result, ...baseInfo }
      context.commit('setUserInfo', baseResult)
      return baseResult
    },
    // 注销操作
    logout (context) {
      context.commit('removeUserInfo')
      context.commit('removeToken')
      // 重置路由
      resetRouter()
      // 还有一步  vuex中的数据是不是还在
      // 要清空permission模块下的state数据
      // vuex中 user子模块  permission子模块
      // 子模块调用子模块的action  默认情况下 子模块的context是子模块的
      // 父模块 调用 子模块的action
      context.commit('permission/setRoutes', [], { root: true })
      // 子模块调用子模块的action 可以 将 commit的第三个参数 设置成  { root: true } 就表示当前的context不是子模块了 而是父模块
    }
  }
}
